@charset "utf-8";
/* CSS Document */
@media (max-width: 1200px){
	.header,.products,.reason,.case_content,.about,.news_content,.footerm,.page_r,.page_address,.footer{padding-left:2%; padding-right:2%; box-sizing:border-box;}
	.header_logo img{ left:10px;}
}
@media (max-width: 768px){
	.tel{ display:none;}
	#dh{ display:block; text-align:right; padding-right:2%; box-sizing:border-box;}

	.banner{height:auto;}
	.banner ul li img{height:450px;}
	
	.header_logo{ position:static; float:left; max-width:20%;}
	.header_logo img{ position:static; display:block;}
	.header{ float:right; max-width:80%; width:100%;}
	.header_r{ display:none;}

	.header_nav{ position:absolute; top:0px; left:0px; z-index:999; background:none;}
	.header_nav ul{height:0px; overflow:hidden; max-width:100%; width:40%; background:rgba(22,96,253,0.90); float:right;}
	.header_nav ul>li{ float:left; width:100%; max-width:100%; position:relative;}
	.header_nav ul>li a{ color:#fff;}
	.header_nav li ol{ position:absolute; left:-100%; top:0px; max-width:100%; width:100%; background:rgba(211,3,3,0.90);}
	.header_nav ul>li ol li a{ color:#fff; display:block; width:100%;}
	.header_nav li:hover{ height:auto;background:#fff;}
	.header_nav ul>li ol li:hover a{ color:#333;}
	.header_nav ul>li:hover{ background:#fff;}
	.header_nav ul>li:hover a p{ color:#333;}
	
	.pro li{ max-width:calc(100% / 3 - 12.75px); margin-right:17px !important;}
	.pro li:nth-of-type(3n){ margin-right:0px !important;}
	.pro li img{ height:180px; max-height:180px;}
	.pro li:nth-of-type(n+7){ display:none;}
	
	.reason_content div{ max-width:100%;}
	.reason_content div span{ width:50%;}
	
	.about_l{ max-width:100%; width:100%;}
	.about_l img{width:100%;}
	.about_r{ max-width:100%; width:100%;}
	.about_r img{ height:auto;}
	.record_l ul{ max-height:750px;}
	
	.news_content li{width:350px;}
	.news_l span img{ height:auto;}
	
	.dh{ display:block; margin-right:0px; color:#333; border:0px;}
	
	
	.footer_l{ max-width:100%; margin-bottom:30px;}
	.footer_c{ display:inline-block; max-width:50%;}
	.footer_r{ max-width:50%; text-align:center; width:100%;}
	
	.pro_l{ display:none;}
	.page_r{ max-width:100%; width:100%;}
	.news_list .page_r li{ padding:0px;}
	.news_list .page_r li span:first-child{ max-width:100%; width:100%;}
	.news_list .page_r li span:nth-of-type(2){ max-width:100%; padding:2%; box-sizing:border-box;}
	.news_list .page_r li span:first-child img{ height: auto; width:100%;}
	.news_list .page_r li span:nth-of-type(2) .title{ font-size:16px;}
	.page_address{ margin-bottom:20px;}

}
@media (max-width: 425px){
	.header{max-width:100%;}
	.header .max{ min-height:0%; padding:10px 0px; display:block; margin:5px auto; background:url(../images/phone_logo.jpg) no-repeat left center; background-size:contain;}
	.header_l{ font-size:14px; display:none;}
	.header_l font{ font-size:16px; margin-left:0px;}
	.header_logo{ display:none;}
	.lef_rig span{ display:none;}

	.sj_footer{ display:block; z-index:20;}
	footer{ padding-bottom:77px; background:#252525;}
	.dh{ max-width:40px; max-height:40px; line-height:40px;margin:auto;}
	
	.index_pro{ display:none;}
	.pro_title{ margin:15px 0px 20px 0px;}
	.pro li{ max-width:49%; margin:0px !important;}
	.pro li:nth-of-type(even){ float:right;}
	.pro li img{ height:150px;}
	.pro_title p{ font-size:20px;}
	.pro li p{ padding:15px 0px;}
	.pro li:nth-of-type(n+5){ display:none;}
	
	.reason_title{ margin:20px auto;}
	.reason_title p:nth-of-type(1){ font-size:20px;}
	.reason_title p:nth-of-type(2){ margin-top:14px; font-size:14px;}
	.reason_title p font{ display:inline-block; margin:0px; margin-top:15px;}
	.reason_content div{ display:flex;}
	
	.about_rt{ background:none;}
	.about_rb{ background:none; padding:0px;}
	.about_rb .more{ display:block;}
	.news_content li{ width:400px;}
	.reason_content div span{ height:auto;}
	.reason_color{ padding:20px 3%;}
	.reason_color p:nth-of-type(1){ font-size:16px; margin-bottom:10px;}
	.reason_color p:nth-of-type(2){ font-size:12px; line-height:24px;}
	.reason_content div{ margin-top:10px;}
	.about_l img{ height:auto;}
	.about_rt p:nth-of-type(1){ font-size:20px;}
	.about_rt p:nth-of-type(2){ font-size:16px;}
	.about_rt::after{ width:21px;}
	.about_title{ margin:0px; font-size:14px;}
	.about_rb p{ line-height:24px; font-size:12px;}
	.about_rb .more{ margin-top:25px;}
	.about{ padding-top:20px; padding-bottom:20px;}
	.about_rt p:nth-of-type(2){ margin-bottom:10px;}
	
	.case_title{ margin:20px auto 25px auto;}
	.case_title p:nth-of-type(1){ font-size:20px;}
	.case_title p:nth-of-type(2){ font-size:12px; margin:10px auto 5px auto;}
	.news_more{ margin:20px auto;}
	.footer_c{ max-width:100%; margin-bottom:20px;}
	.footer_r{ max-width:100%;}
	.footer_c{ text-align:center;}
	
	.pro_list .page_r li{ max-width:49%; margin-left:0px;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.footer_l span{ font-size:16px;}
	.footer_l a{ font-size:12px; line-height:24px;}
	
}

@media (max-width: 375px){
	.news_list .page_r li a:nth-of-type(2) span .title{
		font-size:16px;}
		.news_list .page_r li a:nth-of-type(2) span time{ margin:3px 0px;}
		.news_list .page_r li a:nth-of-type(2) span .content{ line-height:20px; height:40px;}
		.news_list .page_r li a:first-child span:first-child img{ height:130px;}
		.news_list .page_r li a:first-child span{ display:none;}
		.news_list .page_r li a:nth-of-type(2) span{ max-width:98%;}
		.news_list .page_r li{ padding:6px 0px;}
	.pro li img{ height:105px; max-height:100%;}
	.news_content li{ width:350px;}
	.pro_list .page_r li img{ height:125px;}	
	.pro_list .page_r li p{ line-height:80px;}
	.footer{ padding-top:20px; padding-bottom:15px;}
	.footer_l span{ margin-bottom:10px;}
	.footer_c p{ font-size:12px; line-height:24px;}
	.footer_c span{ margin-bottom:10px; font-size:16px;}
	.footer_r span{ font-size:14px; margin-bottom:10px;}
	.copyright{ font-size:12px;}

}



@media (max-width: 320px){
	#dh{ width:10%;}
	.logo{ width:85%;}
	.dh{ max-width:30px; max-height:30px; line-height:30px; font-size:24px; padding:0px;}
	.news_content li{ width:300px;}	
}

